<template>
<el-switch v-model="value1" />
  <br>
<el-switch
    v-model="value2"
    class="ml-2"
    style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
/>
  <br>
  <el-switch v-model="value3" :active-value="1" :inactive-value="0"/>
  <br>
  <el-switch v-model="value4" active-value="1" inactive-value="0"/>
  <br>
  <el-switch v-model="isShow"></el-switch>
  <br>
  <img src="public/fcq.jpg" v-if="isShow">
</template>

<script setup>
import { ref } from 'vue'

const value1 = ref(true)
const value2 = ref(true)
const value3 = ref(0)
const value4 = ref('1')
const isShow = ref(true)
</script>

<style scoped>

</style>